<ul class="pagination pagination-sm no-margin pull-right">
    <li><a class="first">首页</a></li>
	<li><a class="pre">上一页</a></li>
	<li><a class="next">下一页</a></li>
	<li><a class="last">尾页</a></li>
	<li><a class="rowCount">总记录数(0)</a></li>
	<li><a class="pageCount">总页数(0)</a></li>
	<li><a class="pageCurrent">当前页(1)</a></li>
</ul>
<script type="text/javascript">
	function doSetPagination(page){
		//1.始化数据
		$(".rowCount").html("总记录数("+page.rowCount+")");
		$(".pageCount").html("总页数("+page.pageCount+")");
		$(".pageCurrent").html("当前页("+page.pageCurrent+")");
		//2.绑定数据(为后续对此数据的使用提供服务)，以键值对的形式存储在$("#pageId")节点中，
		// 在需要时再通过节点和key获取
		$("#pageId").data("pageCurrent",page.pageCurrent);
		$("#pageId").data("pageCount",page.pageCount);
	}
	$(function(){
		//事件注册
		//在多个对象上同时注册多个事件，点击子元素时执行后面的方法
		$("#pageId").on("click",".first,.pre,.next,.last",doJumpToPage);
	})
	//分页事件处理函数
	function doJumpToPage(){
		//1.获取点击对象的class值
		//&(this)指向被点击的对象，.prop为jquery中获取对象属性或为属性赋值的函数
		//通过点击的属性值，来判断要执行的操作
		var cls=$(this).prop("class");//Property
		//2.基于点击的对象执行pageCurrent值的修改
		//2.1获取pageCurrent,pageCount的当前值
		var pageCurrent=$("#pageId").data("pageCurrent");
		var pageCount=$("#pageId").data("pageCount");
		//2.2修改pageCurrent的值
		if(cls=="first"){//首页
			pageCurrent=1;
		}else if(cls=="pre"&&pageCurrent>1){//上一页
			pageCurrent--;
		}else if(cls=="next"&&pageCurrent<pageCount){//下一页
			pageCurrent++;
		}else if(cls=="last"){//最后一页
			pageCurrent=pageCount;
		}else{
			return;
		}
		//3.对pageCurrent值进行重新绑定
		$("#pageId").data("pageCurrent",pageCurrent);
		//4.基于新的pageCurrent的值进行当前页数据查询
		doGetObjects();
	}



</script>








